<template>
  <div>
    <template v-if="$app.judgeData(orderInfo) && $app.judgeData(orLiInfo)">
      <Card >
        <div
          class="lineH34 c333 f_16 f_bold  " 
          :class="orderInfo.other_tool_show ? 'marginB10':' '" 
          :style="orderInfo.other_tool_show ?' border-bottom:1px solid #eee;margin:-16px -16px 0 -16px; padding:5px 16px; background-color:#f3f3f3; ':' '" 
        >
          <span @click="orderInfo.other_tool_show=!orderInfo.other_tool_show" class="pointer">
            其他
            <Icon :type="orderInfo.other_tool_show?'md-arrow-dropup':'md-arrow-dropdown'" class="cBlue relative" style="top:2px;" size="24" />
          </span>
        </div>
        <div v-show="orderInfo.other_tool_show">
          
          <div class="overflowH f_14 TJ_big">
            
            <div class="TJ_box paddingB20">
              <div class="f_16 f_bold marginB15">代表人为非第一署名申请人时声明</div>
              <div class="paddingL30">
                特声明第<span class="cBlue f_bold f_16 marginL10 marginR10">{{orderInfo.main_applicant}}</span>署名申请人为代表人
              </div>
            </div>
          </div>
          <div class="overflowH f_14 TJ_big">
            
            <div class="TJ_box paddingB10" >
              <div class="f_16 f_bold marginB15">分案申请</div>
              <Row :gutter="15" class="paddingL30">
                <Col :span="8" class="marginB10">
                  <span class="inlineBlock textRight paddingR10">原申请号：</span>{{orderInfo.div_app_number}}
                </Col>
                <Col :span="8" class="marginB10">
                  <span class="inlineBlock textRight paddingR10">原申请日期：</span>{{orderInfo.div_app_date}}
                </Col>
                <Col :span="8" class="marginB10">
                  <span class="inlineBlock textRight paddingR10">针对的分案申请号：</span>{{orderInfo.case_div_app_number}}
                </Col>
              </Row>
              
            </div>
          </div>

          <!-- 发明 -->
          <template  v-if="orLiInfo.goods_type==102">
            <div class="overflowH f_14 TJ_big">
              
              <div class="TJ_box paddingB10" >
                <div class="f_16 f_bold marginB15">生物材料样品</div>
                <Row :gutter="15" class="paddingL30">
                  <Col :span="8" class="marginB10">
                    <span class="inlineBlock textRight paddingR10">保藏单位代码：</span>{{ orderInfo.preserve_data.preserve_unit_code}}
                  </Col>
                  <Col :span="8" class="marginB10">
                    <span class="inlineBlock textRight paddingR10">地址：</span>{{ orderInfo.preserve_data.preserve_address}}
                  </Col>
                  <Col :span="8" class="marginB10">
                    <span class="inlineBlock textRight paddingR10">保藏日期：</span>{{ orderInfo.preserve_data.preserve_date}}
                  </Col>
                  <Col :span="8" class="marginB10">
                    <span class="inlineBlock textRight paddingR10">保藏编号：</span>{{ orderInfo.preserve_data.preserve_number}}
                  </Col>
                  <Col :span="8" class="marginB10">
                    <span class="inlineBlock textRight paddingR10">分类命名：</span>{{ orderInfo.preserve_data.preserve_type_name}}
                  </Col>
                  <Col :span="8" class="marginB10">
                    <Icon 
                      :type="$app.judgeData( orderInfo.preserve_data.preserve_is_life)?'md-checkmark-circle':'md-radio-button-off'" 
                      size="20" 
                      class="relative marginR5" 
                      :class="$app.judgeData( orderInfo.preserve_data.preserve_is_life)?'cBlue':'cCCC'"
                      
                    />
                    是否存活
                  </Col>
                </Row>
                
              </div>
            </div>
            <div class="overflowH f_14 TJ_big">
              
              <div class="TJ_box paddingB10">
                <div class="f_16 f_bold marginB15">序列表</div>
                <Row :gutter="15" class="paddingL30">
                  <Col :span="24" class="marginB10">
                    <Icon 
                      :type="$app.judgeData(orderInfo.preserve_is_dna)?'md-checkmark-circle':'md-radio-button-off'" 
                      size="20" 
                      class="relative marginR5" 
                      :class="$app.judgeData(orderInfo.preserve_is_dna)?'cBlue':'cCCC'"
                      
                    />
                    本专利申请涉及核苷酸或氨基酸序列表
                  </Col>
                </Row>
              </div>
            </div>
            <div class="overflowH f_14 TJ_big">
              
              <div class="TJ_box paddingB10">
                <div class="f_16 f_bold marginB15">遗传资源</div>
                <Row :gutter="15" class="paddingL30">
                  <Col :span="24" class="marginB10">
                    <Icon 
                      :type="$app.judgeData(orderInfo.preserve_is_genetic)?'md-checkmark-circle':'md-radio-button-off'" 
                      size="20" 
                      class="relative marginR5" 
                      :class="$app.judgeData(orderInfo.preserve_is_genetic)?'cBlue':'cCCC'"
                      
                    />
                    本专利申请涉及的发明创造是依赖于遗传资源完成的
                  </Col>
                </Row>
              </div>
            </div>
          </template>

          <div class="overflowH f_14 TJ_big">
            <div class="TJ_box paddingB10" >
              <div class="f_16 f_bold marginB15">要求优先权声明</div>
              <template v-for="(val,i) in orderInfo.priority_declar_list" >
                <Row :gutter="15" class="paddingL30">
                  <Col :span="10" class="marginB10">
                    <span class="inlineBlock textRight ">{{i+1}}. 原代理机构注册国籍：</span>{{val.priority_declar_name}}
                  </Col>
                  <Col :span="6" class="marginB10">
                    <span class="inlineBlock textRight ">在先申请日：</span>{{val.priority_declar_date}}
                  </Col>
                  <Col :span="8" class="marginB10">
                    <span class="inlineBlock textRight ">在先申请号：</span>{{val.priority_declar_number}}
                  </Col>
                </Row>
              </template>
              <div v-show="!$app.judgeData(orderInfo.priority_declar_list)" class="paddingL30 cCCC">无</div>
            </div>
          </div>
          <div class="overflowH f_14 TJ_big">
            
            <div class="TJ_box paddingB10">
              <div class="f_16 f_bold marginB15">不丧失新颖性宽限期声明</div>
              <Row :gutter="15" class="paddingL30">
                <Col :span="8" class="marginB10">
                  <Icon 
                    :type="$app.judgeData(orderInfo.other_one)?'md-checkmark-circle':'md-radio-button-off'" 
                    size="20" 
                    class="relative marginR5" 
                    :class="$app.judgeData(orderInfo.other_one)?'cBlue':'cCCC'"
                    
                  />
                  已在中国政府主办或承认的国际展览会上首次展出
                </Col>
                <Col :span="8" class="marginB10">
                  <Icon 
                    :type="$app.judgeData(orderInfo.other_two)?'md-checkmark-circle':'md-radio-button-off'" 
                    size="20" 
                    class="relative marginR5" 
                    :class="$app.judgeData(orderInfo.other_two)?'cBlue':'cCCC'"
                    
                  />
                  已在规定的学术会议或技术会议上首次发布
                </Col>
                <Col :span="8" class="marginB10">
                  <Icon 
                    :type="$app.judgeData(orderInfo.other_three)?'md-checkmark-circle':'md-radio-button-off'" 
                    size="20" 
                    class="relative marginR5" 
                    :class="$app.judgeData(orderInfo.other_three)?'cBlue':'cCCC'"
                    
                  />
                  他人未经申请人同意而泄露其内容
                </Col>
              </Row>
            </div>
          </div>


          <!-- 外观设计 -->
          <template  v-if="orLiInfo.goods_type==101">
            <div class="overflowH f_14 TJ_big">
              
              <div class="TJ_box paddingB20">
                <div class="f_16 f_bold marginB15">相似设计</div>
                <div class="paddingL30">
                  本案为同一产品的相似外观设计<span class="cBlue f_bold f_16 marginL10 marginR10">{{orderInfo.similar_design}}</span>项
                </div>
              </div>
            </div>
            <div class="overflowH f_14 TJ_big">
              
              <div class="TJ_box paddingB20">
                <div class="f_16 f_bold marginB15">成套产品</div>
                <div class="paddingL30">
                  其所包含的项数为<span class="cBlue f_bold f_16 marginL10 marginR10">{{orderInfo.complete_product}}</span>项
                </div>
              </div>
            </div>
          </template>
          
          
        </div>
      </Card>
    </template>
  </div>
</template>

<script>
export default {
  name: "other",
  components: {},
  props: ["orderInfo","orLiInfo"],
  data() {
    let tool = {};
    let other={};
    return Object.assign(tool,other);
  },
  mounted() {}
};
</script>

